.wrapper{ padding-left:20px; padding-right:20px; padding-bottom:30px;}
.operate-top{ line-height:60px; font-size:16px; font-weight:bold; padding:0 5px;}
.operate-box{ background:#fff; box-shadow:0 0 24px rgba(0,0,0,.15);}
.oeb-title{ line-height:50px; border-bottom:1px solid #e5e5e5; font-weight:bold; padding:0 20px;}

.oeb-data{ padding:35px 10px 35px 30px;}
.oeb-data table{ width:100%;}
.oeb-data td img{ width:113px; height:113px; display:inline-block; vertical-align:middle;}
.data-con{ display:inline-block; vertical-align:middle; color:#828c91; line-height:1;}
.d-val{ font-size:32px; font-weight:bold; color:#373744; margin-top:13px;}
.oeb-trend{}
.trend-date{ float:right;}
.trend-date a{ display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; margin-right:10px; color:#54545a; font-weight:bold; border-radius:50%;}
.trend-date a.curr{background:#3b6bf4; background: linear-gradient( left,#026cff,#7069ea); background: -webkit-linear-gradient( left,#026cff,#7069ea); background: -moz-linear-gradient( left,#026cff,#7069ea); color:#fff;}
.trend-lab{}
.trend-lab a{ display:inline-block; width:88px; height:32px; line-height:32px; text-align:center; border:1px solid #d0d0d0; font-size:12px; color:#54545a; border-radius:2px;}
.trend-lab a:hover{ background:#fafafa;}
.trend-lab a.curr{background:#3b6bf4; background: linear-gradient( left,#026cff,#7069ea); background: -webkit-linear-gradient( left,#026cff,#7069ea); background: -moz-linear-gradient( left,#026cff,#7069ea); border:1px solid #3b6bf4; color:#fff;}
.chart-trend{ width:100%; position:relative;}
.chart-stati{ width:49%; float:left; height:280px; border-left:1px solid #eee;}
.trend-ch{ width:100%; height:380px;}
.trend-ct{ position:absolute; left:10px; top:10px;}


.com-title{ line-height:45px; padding:0 23px; border:1px solid #e1e1e1; font-weight:bold; background:#fff;}
.query-btn{ display:inline-block; width:34px; height:34px; line-height:34px; background:#0090ff; text-align:center; vertical-align:middle; border-radius:2px;}
.query-btn:hover{ background:#0386ec;}
.account-tot{ font-weight:bold; line-height:24px;}

.down-box{ width:860px; margin:70px auto 0 auto; background:#fff; border:1px solid #c2dbe6; box-shadow:0 0 10px #d4d4d4; padding:20px;}
.dnb-tip{ background:#fbf0ed; border:1px solid #f1e1dc; padding:6px 20px; line-height:28px; color:#ec6941;}
.preform{ line-height:34px;}
.preform:after {visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.form-title{ width:120px; float:left; font-weight:bold;}
.form-con{ margin-left:120px;}
.dnb-bot{ text-align:center; margin-top:30px; padding-top:30px; border-top:1px solid #dedbdb;}
.com-back{ float:right; color:#373744; margin-right:10px;}
.detl-box{ margin:50px 60px 0 60px; background:#fff; border:1px solid #c2dbe6; box-shadow:0 0 10px #d4d4d4;}
.detl-left{ width:33.2%; float:left; background-image:url(../images/detl-bg1.png); background-position:left bottom; background-repeat:no-repeat; border-right:1px solid #c2dbe6; position:relative;}
.debg1{ background-color:#e1ecf1;}
.debg2{ background-color:#fbf0ed;}
.debg3{ background-color:#e8f6ea;}
.dl-hold{ padding:40px 30px 40px 20px; line-height:30px; color:#54545a;}
.dl-hold h4{ font-size:18px; font-weight:bold; line-height:50px; color:#373744;}
.debg2 .dl-hold h4{ color:#ec6941;}
.debg2 .icon-zhang{ background-position:-40px -30px;}
.debg3 .dl-hold h4{ color:#3bca53;}
.debg3 .icon-zhang{ background-position:-80px -30px;}
.h80{ height:80px;}
.dl-btn{ position:absolute; left:5%; bottom:0; width:90%; height:60px; padding-top:20px; border-top:1px solid #e1e1e1; text-align:center;}
.detl-right{ width:66.6%; float:left;}

.blend-mess{ padding:15px 0; border-bottom:1px solid #e5e5e5;}
.blend-mess:first-child{ padding-top:5px;}
.nobor{ border:none !important;}
.step-list{ width:900px; margin:0 auto;}
.step-list li{ float:left; text-align:center; font-size:12px; color:#828c91; line-height:1.3; position:relative;}
.step-list li h4{ font-size:14px; color:#373744;}
.step3 li{ width:33.33%;}
.step4 li{ width:25%;}
.step-num{ display:inline-block; width:29px; height:29px; line-height:29px; text-align:center; border-radius:50%; background:#d5d5d5; font-size:19px; color:#969696; margin-bottom:10px; position:relative; z-index:2;}
.step-bar{ width:100%; height:8px; background:#d5d5d5; position:absolute; right:50%; top:10px;}
.step-list li.finish .step-num{ text-indent:-200em; background:url(../images/step-fin.png) center center no-repeat #3bca53;}
.step-list li.finish .step-bar{ background:#3bca53; box-shadow:0 0 12px rgba(59,202,83,.8);}
.step-list li.first .step-bar{ display:none;}
.step-list li:first-child .step-bar{ display:none;}
.barg-box{ margin-top:0 !important;}
.barg-box .detl-left{ background-image:none;}
.debg2 .icon-barg{ background-position:-170px -30px;}
.debg3 .icon-barg{ background-position:-220px -30px;}

.chan-top{ background:#e8f6ea; border-top:1px solid #bde5c2; padding:10px 30px; line-height:40px; font-size:16px; color:#3bca53; font-weight:bold;}
.chan-top .radio{ font-size:16px;}
.chan-top .icon-radio,.cb-top .icon-radio{ background-image:url(../images/icon-radio2.png);}
.chan-top a{ color:#54545a; font-size:14px;}
.chan-box{ margin:30px 60px 0 60px; border-bottom:1px solid #cdcdcd; padding-bottom:40px;}
.chan-box.pb30{ padding-bottom:30px;}
.chan-box.mt20{ margin-top:20px;}
.chan-box:last-child{ border-bottom:0;}
.cb-top{ font-weight:bold;}
.cb-top a{ color:#0090ff; font-size:14px;}
.cb-box{ position:relative; padding-left:210px; min-height:90px;}
.lgtr td{ padding-top:20px; padding-bottom:20px;}
.cb-left{ width:200px; height:100%; background:#0090ff; font-size:18px; color:#fff; position:absolute; left:0; top:0; text-align:center;}
.cb-left > div{ position:absolute; width:100%; left:0; top:50%; margin-top:-32px;}
.ca-top{ background:#fff; border:1px solid #c2dbe6; overflow:hidden;}
.ca-tit{ width:200px; height:100px; line-height:100px; float:left; background:#e1ecf1; font-size:18px; text-align:center; border-right:1px solid #c2dbe6;}
.ca-con{ overflow:hidden; padding-left:20px;}
td.checktd{ text-align:left; height:90px; padding-left:20px;}
td.checktd .checkbox{ margin-bottom:10px; margin-top:10px;}
.chan-bot{ text-align:center; padding:20px 0;}
.d-inline{ display:inline-block}

.bgc-24242d{ background:#24242d;}
.login-hold{ width:1200px; height:480px; background:url(../images/log-bg.png) 120px center no-repeat #f8f8f8; position:fixed; left:50%; margin-left:-600px; top:50%; margin-top:-240px;}
.login-logo{ position:absolute; left:0; top:-110px; overflow:hidden;}
.login-logo img{ height:80px; float:left; margin-right:20px;}
.login-logo > span{ display:block; float:left; font-size:24px; color:#fff; line-height:30px; padding-top:10px;}
.login-box{ width:360px; height:350px; position:absolute; left:50%; top:50%; margin-top:-175px; border-left:1px solid #e5e5e5; padding-left:88px;}
.login-ul{ padding-top:20px;}
.login-info{ background:#fff; height:45px; line-height:45px; border-radius:2px; overflow:hidden; position:relative; padding:0 10px 0 55px;}
.login-info label{ display:block; width:45px; height:45px; line-height:45px; text-align:center; position:absolute; left:0; top:0;}
.login-info input{ display:block; width:100%; height:25px; line-height:25px; padding:10px 0;}
.lbg1{ box-shadow:0 0 18px rgba(0,144,255,.2)}
.lbg2{ box-shadow:0 0 18px rgba(243,151,0,.2)}
.lbg1 label{ background:#0090ff;}
.lbg2 label{ background:#f39700;}
.login-btn{ display:block; width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; color:#fff; background:#0090ff; border-radius:2px; box-shadow:0 0 12px rgba(0,144,255,.9);}
.login-btn:hover{ background:#0081e4}
.login-bot{ position:absolute; width:100%; text-align:center; left:0; bottom:-40px; color:#525258; font-size:12px;}
.errortip{ font-size:14px; color:#f00;}

@media only screen and (max-width: 1150px) {
	.d-val{ font-size:28px;}
	.dl-hold h4{ font-size:16px;}
	.detl-box{ margin:30px 30px 0 30px;}
	.chan-box{ margin-left:40px; margin-right:40px;}
}
@media only screen and (max-height: 720px) {
	.login-hold{ width:1100px; height:400px; margin-left:-550px; margin-top:-180px;}
	.login-logo{ top:-105px;}
}
@media only screen and (max-height: 630px) {
	.login-hold{ margin-top:-160px;}
	.login-bot{ bottom:-30px;}
	.login-logo{ top:-95px;}
}